<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<title>Asteroid Game website for high end mobiles | Home :: 4pandK</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" type="image/x-icon" href="mobile/images/fav-icon.png" />
		<link href="mobile/css/style.css" rel="stylesheet" type="text/css"  media="all" />
	</head>
	<body>
		<!----start-wrap---->
		<!------start-768px-menu---->
			<div id="page">
					<div id="header">
						<a class="navicon" href="#menu"> </a>
					</div>
					<nav id="menu-left">
						
					</nav>
			</div>
		<!------start-768px-menu---->
			<!----start-header---->
			<div class="header" id="move-top">
				<div class="wrap">
				<div class="header-left">
					<!----start-logo---->
					<div class="logo">
						<a href="index.html"><img src="mobile/images/logo.png" title="" /> </a>
					</div>
					<!----//End-logo---->
				</div>
				</div>
				<div class="clear"> </div>
			</div>
			<!----//End-header---->
			<!---- start-slider---->
			<div class="slider">
				<img src="mobile/images/banner.jpg" alt="" />
			</div>
			<!---- //End-slider---->
			<!---start-works---->
			<div class="works" id="work">
				<div class="wrap">
					<div class="head">
						<span> </span>
						<h3>WILDFLAT works</h3>
						<ul>
							<li><a href="#"> <img src="mobile/images/p1.jpg" alt="" /></a></li>
							<li><a href="#"> <img src="mobile/images/p2.jpg" alt="" /></a></li>
							<li><a href="#"> <img src="mobile/images/p3.jpg" alt="" /></a></li>
							<li><a href="#"> <img src="mobile/images/p4.jpg" alt="" /></a></li>
							<li><a href="#"> <img src="mobile/images/p5.jpg" alt="" /></a></li>
							<li><a href="#"> <img src="mobile/images/p6.jpg" alt="" /></a></li>
							<div class="clear"> </div>
						</ul>
					</div>
			</div>
			<div class="works-bg">
				
			</div>
			</div>
			<!---//End-works---->
			<!----start-about---->
			<div class="about" id="about">
				<div class="wrap">
					<div class="head">
						<span> </span>
						<h3>About Asteroid Game</h3>
					</div>
					<div class="about-grids">
						<div class="about-grid">
							<h3>ACCESSABILITY</h3>
							<p>You able to play this web app on every device that you have under your hand! Everything is allowed. NO exceptions. Just one, if you have a free time forget it.</p>
						</div>
						<div class="about-grid">
							<h3>IMPLEMENTATION</h3>
							<p>Future technologies for life! Get in touch with new era of smartphones and logic. You well be inspear of architecture of nova systems and creations of human.</p>
						</div>
						<div class="about-grid">
							<h3>FEAUTURES</h3>
							<p>Incredible specieffects of that game. But be careful to not miss that reason. You can only feel that playing this amazing game by your self. Catch that moment. </p>
						</div>
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
				</div>
			</div>
			<!----//End-about---->
			<!----start-services---->
			<div class="services" id="services">
				<div class="wrap">
					<div class="head">
						<span> </span>
						<h3>WildFlat Services</h3>
					</div>
					<div class="services-grids">
						<div class="services-grid">
							<div class="services-grid-left">
								<span class="s-icon1"> </span>
							</div>
							<div class="services-grid-right">
								<h4>WEB APP</h4>
								<p>You able to play this web app on every device that you have under your hand! Everything is allowed. NO exceptions. Just one, if you have a free time forget it. Now is only for games. Be on the future wave with us and yout device!</p>
							</div>
						</div>
						<div class="services-grid">
							<div class="services-grid-left">
								<span class="s-icon2"> </span>
							</div>
							<div class="services-grid-right">
								<h4>Structure</h4>
								<p>Future technologies for life! Get in touch with new era of smartphones and logic. You well be inspear of architecture of nova systems and creations of human. Be able to full fill your life of inspires and imagination.</p>
							</div>
						</div>
						<div class="services-grid">
							<div class="services-grid-left">
								<span class="s-icon3"> </span>
							</div>
							<div class="services-grid-right">
								<h4>UI design</h4>
								<p>Take a look and be surprised for things you will be watching douring the tour. Keep you eyes open to not miss some piece of creativeness of our desiners and developers. Because no one is want to miss a thing. </p>
							</div>
						</div>
						<div class="services-grid">
							<div class="services-grid-left">
								<span class="s-icon4"> </span>
							</div>
							<div class="services-grid-right">
								<h4>Video</h4>
								<p>Incredible specieffects of that game. 3d is not more cool that than 2d unreal life-designed game. But be careful to not miss that reason. You can only feel that playing this amazing game by your self. So take a look and Subscribe!</p>
							</div>
						</div>
						<div class="clear"> </div>
					</div>
				</div>
				<div class="services-bg">
				
				</div>
			</div>
			<!----//End-services---->
			<!---start-purches-it---->
			<div class="purches-it">
				<h5>Like this?</h5>
				<a href="shortcodes.html">START IT NOW</a>
			</div>
			<!---//End-purches-it---->
			<!----start-contact---->
			<div class="contact" id="contact">
				<div class="wrap">
					<div class="contact-left">
						<div class="contact-head">
								<span> </span>
								<h3>Contact US</h3>
						</div>
						<form>
							<div class="form-left">
								<input type="text" placeholder="Name" required />
								<input type="text" placeholder="Email" required />
								<input type="text" placeholder="Phone" required />
							</div>
							<div class="form-right">
								<textarea rows="2" cols="70" onfocus="if(this.value == 'Comment') this.value='';" onblur="if(this.value == '') this.value='Comment';" >Comment</textarea>
							</div>
							<div class="clear"> </div>
							<input type="submit" value="Send latter" />
							<div class="clear"> </div>
						</form>
					</div>
					<div class="contact-right">
						<div class="contact-head">
								<span> </span>
								<h3>Best Players</h3>
						</div>
						<div class="flicker-grids">
							<ul>
								<li><a href="#"><img src="mobile/images/f1.jpg" alt="" /></a></li>
								<li><a href="#"><img src="mobile/images/f2.jpg" alt="" /></a></li>
								<li><a href="#"><img src="mobile/images/f3.jpg" alt="" /></a></li>
								<li><a href="#"><img src="mobile/images/f4.jpg" alt="" /></a></li>
								<li><a href="#"><img src="mobile/images/f5.jpg" alt="" /></a></li>
								<li><a href="#"><img src="mobile/images/f6.jpg" alt="" /></a></li>
							</ul>
						</div>
					</div>
					<div class="clear"> </div>
				</div>
			</div>
			<!----//End-contact---->
			<!---- start-top-navigation------>
			<div class="navgation-links">
			   	<a name="menu"> </a>
			   			<ul>
							<li><a href="#about">About</a></li>
							<li><a href="#services">Services</a></li>
							<li><a href="#news">News</a></li>
							<li><a href="#contact">Contact</a></li>
						</ul>
			   </div>
			<!---- //End-top-navigation------>
			<!---- start-footer---->
			<div class="footer">
				<div class="wrap"> 
				<div class="footer-left">
					<h2>FANKS FOR WATCHING, <span>We hope you enjoyed it</span></h2>
				</div>
				<div class="footer-right">
					<ul>
						<li><a class="youtube" href="#"><span> </span></a></li>
						<li><a class="skye" href="#"><span> </span></a></li>
						<li><a class="flicker" href="#"><span> </span></a></li>
						<li><a class="rss" href="#"><span> </span></a></li>
						<li><a class="twitter" href="#"><span> </span></a></li>
						<li><a class="dribbble" href="#"><span> </span></a></li>
						<div class="clear"> </div>
					</ul>
				</div>
				<div class="clear"> </div>
				</div>
			</div>
			<!---- //End-footer---->
			<!----start-copy-right---->
			<div class="copy-right">
				<div class="wrap">
					<p>Powered by <a href="#">Me</a></p>
				    <a href="#move-top" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
			</div>
			<!----//End-copy-right---->
		<!----//End-wrap---->
	</body>
</html>

